<!--
  description：
  
-->
<template>
	<Ref></Ref>
	<Reactive />
	<Setup></Setup>
	<Computed></Computed>
	<Watch></Watch>
	<LifeCycle />
	<Hooks />
	<ToRef />
	<ShallowRefReactive />
	<ShallowReadOnly />
	<ToRaw />
	<CustomRef />
	<Provide />
	<IsReactive />
	<TeleportUse />
	<SuspenseUse />
</template>

<script>

import Ref from "@/components/Learn/baseAttributes/Ref";
import Reactive from "@/components/Learn/baseAttributes/Reactive";
import Setup from "@/components/Learn/setup/Setup";
import Computed from "@/components/Learn/computed/Computed";
import Watch from "@/components/Learn/watch/Watch";
import LifeCycle from "@/components/Learn/lifeCycle/LifeCycle";
import Hooks from "@/components/Learn/hooks/Hooks";
import ToRef from "@/components/Learn/toRef/ToRef";
import ShallowRefReactive from "@/components/Learn/shallowRef/ShallowRefReactive";
import ToRaw from "@/components/Learn/toRaw/ToRaw";
import ShallowReadOnly from "@/components/Learn/readOnly/ShallowReadOnly";
import CustomRef from "@/components/Learn/customRef/CustomRef";
import Provide from "@/components/Learn/provide/Provide";
import IsReactive from "@/components/Learn/isReactive/IsReactive";
import TeleportUse from "@/components/Learn/teleport/TeleportUse";
import SuspenseUse from "@/components/Learn/suspense/SuspenseUse";

export default {
	name: "Learn",
	components: {
		Ref,
		Reactive,
		Setup,
		Computed,
		Watch,
		LifeCycle,
		Hooks,
		ToRef,
		ShallowRefReactive,
		ToRaw,
		ShallowReadOnly,
		CustomRef, Provide, IsReactive, TeleportUse, SuspenseUse

	}
}
</script>

<style scoped>

</style>